<template>
  <div id="app">
    <!-- lodash -->
    <!-- <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div> -->

    <!-- 使用 keep-alive 包裹要缓存的组件-->
    <!-- include  要缓存的组件 -->
    <!-- exclude  不需要缓存的组件 -->
    <!-- <keep-alive include="about">
      <router-view/>
    </keep-alive> -->

    <!-- :exclude="['about', 'home']" -->
    <keep-alive exclude="home">
      <router-view />
    </keep-alive>
  </div>
</template>

<style>
* {
  margin: 0;
  padding: 0;
}
.home .el-input{
  width: 400px !important;
}

.about .el-input{
  width: 200px !important;
}
</style>
